<div class="alarmDetail">
    <!-- 头部 -->
    <nav-title (callback)="goBack()" [title]="title"></nav-title>
    <!-- 当前数据内容 -->
    <alarm-item style="margin-top: 10px;margin-bottom:30px;" [border]='true' [alarmDatas]="alarmDatas" (watchVideo)='watchVideo($event)'></alarm-item>
    <!-- 处理流程 -->
    <ion-content id="iotContent">
        <ion-refresher (ionRefresh)="doRefresh($event.target)">
            <ion-refresher-content pullingText="加载历史处理数据"></ion-refresher-content>
        </ion-refresher>
        <div class='process'>
            <div class='each-process current-process' *ngFor="let data of process">
                <div class='left'>
                    <p>{{ data.createUserName }}</p>
                    <p>{{ data.procTime|DateFormat }}</p>
                </div>
                <div class='mid' *ngIf='!(data.procState === 4 && data.nowTodo)'>
                    <img [ngClass]='{"doing": data.nowTodo}' src='assets/imgs/alarmTask/{{data.img}}.png' (click)='step(data,false)'>
                </div>
                <div class='mid' *ngIf='data.procState === 4 && data.nowTodo'>
                    <img class='repair-img' [src]='alarmTaskSrc' (click)='step(data,false)'>
                    <img class='repair-img' [src]='alarmTaskRepairSrc' (click)='step(data,true)'>
                </div>
                <div class='right'>
                    <p>{{ data.procStateName }}</p>
                    <label>{{ data.cancelReason }}</label>
                </div>
            </div>
        </div>
    </ion-content>
    <!-- 
    <ion-footer style='background: #fff'>
        <div class='change-person' (click)='showChangeManModal()'
            *ngIf="task && task.procState<4 && userId === task.createUserId 
        && (historyProcess.length === 0 || historyProcess[historyProcess.length-1].createUserId !== userId) && noChangeMan">换人处理</div>
    </ion-footer> -->
    <!-- 换人按钮 -->
    <div class="alarmDetail-footer">
        <div *ngIf="!isLook&&noChangeMan&&noFinish" class='change-person' (click)='showMultipleSelectModal("changePerson")'>换人处理</div>
    </div>
</div>